<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/mobile-header.jsp"%>
<html>
<head>
<title>${project.name }</title>
<meta name="decorator" content="default" />
<meta name="viewport"	content="width=device-width initial-scale=1.0  maximum-scale=1.0">
<link href="${ctxStatic}/jquery-mobile/css/jquery.mobile-1.3.1.min.css" type="text/css" rel="stylesheet" />
<script src="${ctxStatic}/jquery-mobile/jquery.mobile-1.3.1.min.js" type="text/javascript"></script>
<link href="${ctxStatic}/jquery-mobile/css/common.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">


	function goUrl(url){
		location.href=url;
	}
	
	
</script>
</head>
<body>
		
<div  data-url="demo-page" data-role="page" id="demo-page" data-theme="d">
    <div data-role="header" data-theme="c"  style="height:40px;">
        <h1>${menuName}</h1>
        <a href="#left-panel" data-icon="bars"  data-shadow="false" data-iconshadow="true" >导航栏</a>
    </div><!-- /header -->
    
    <div data-role="content" data-inset="true"
				style="margin: 0px; padding: 0px;width:100%">
        <!-- banner -->
	<div class="bgstyle banner">
				<div style="cursor: -moz-grab;"
					class="swiper-container bannerswiper">
					<div
						style="width:7914px; height: 160px; transform: translate3d(-6595px, 0px, 0px); transition-duration: 0.3s;"
						class="swiper-wrapper">
						<div style="width: 1319px; height: 160px;"
							class="swiper-slide bawarp">
							<img
								src="${ctxUser }/project/${project.pic1}"	alt="">
						</div>
						<div style="width: 1319px; height: 160px;"
							class="swiper-slide bawarp">
							<img
								src="${ctxUser }/project/${project.pic2}"	alt="">
						</div>
						<div style="width: 1319px; height: 160px;"
							class="swiper-slide bawarp">
							<img
								src="${ctxUser }/project/${project.pic3}"	alt="">
						</div>
						<div style="width: 1319px; height: 160px;"
							xmlns="http://www.w3.org/1999/xhtml"
							class="swiper-slide bawarp swiper-slide-visible swiper-slide-active">
							<img alt=""		src="${ctxUser }/project/${project.pic4}">
						</div>
					</div>
					<div class="pagination">
						<span
							class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span><span
							class="swiper-pagination-switch"></span><span
							class="swiper-pagination-switch"></span><span
							class="swiper-pagination-switch"></span>
					</div>
				</div>
			</div>
	<!-- banner END -->
	
	
	<!-- 分栏显示 -->
	<!-- 产品种类 -->
	 
        	<!-- 公司简介 -->
        	<div class="titlestyle">
						<strong>公司简介:</strong><span class="fr"
							style="color: #666; font-weight: normal;"> </span>
			</div>
        	<c:if test="${not empty project.remarks }">
        			<div class="titlecontnet">&nbsp;&nbsp;&nbsp;${project.remarks }</div> 
        	</c:if>
        	
        	<br>
        	<!-- 推荐产品 -->
        		<div class="titlestyle">
						<strong>产品推荐:</strong><span class="fr"
							style="color: #666; font-weight: normal;"> </span>
				</div>	
        		<c:if test="${not empty productList }">
        		 <div class="indexgoodslist clearfix">
        		 <div class="hotswiper">
        			<ul style="padding-left: 0px; padding-right: 0px; width: 950px; height: 158px;" class="swiper-wrapper">
		        	<c:forEach items="${productList}" var="product">
							<li
								class="swiper-slide bgstyle swiper-slide-visible">
								<a
									href="${pageContext.request.contextPath}/userfiles/product/${product.indexPic}">
									<span class="pic"><img
										src="${pageContext.request.contextPath}/user_files/${product.indexPic}"
										alt="点击查看详情" height="80px" width="100px"></span> 
										<span	class="name">${product.name }</span>
								</a>
							</li>
	        		</c:forEach>
					</ul>
					</div>
					</div>
        		</c:if>
        	<!-- 公司动态 -->
        	<br>
        	<div class="titlestyle">
						<strong>公司动态:</strong><span class="fr"
							style="color: #666; font-weight: normal;"> </span>
			</div>
        	<c:if test="${not empty newsList }">
        	<div>
        		
        		<ul style="padding-left: 0px; padding-right: 0px; transition-duration: 0s; transform: translate3d(0px, 0px, 0px); width: 950px; height: 158px;" class="swiper-wrapper">
		        	<c:forEach items="${newsList}" var="news">
		        		<li class="">&nbsp;<a href="${ctxFront }/mobsite/mom/viewNews/${news.id}.html">${news.title }</</a></li>
		        	</c:forEach>
        		</ul>
        	</div>
        	</c:if>
	<!-- 分栏显示 结束-->
    </div><!-- /content -->
    
    
    <!-- Left Menu Start -->
	<div data-role="panel" id="left-panel" data-theme="c">
	        <ul data-role="listview" data-theme="d">
	            <li data-icon="delete"><a href="#" data-rel="close">关闭</a></li>
	            <c:forEach items="${menus}" var="menu">
					<li data-icon="go"><a href="#" onclick="goUrl('${pageContext.request.contextPath}/${menu.url}/${project.id}.html?menuId=${menu.id}')">${menu.name}</a></li>
				</c:forEach>
				
	            <c:forEach items="${microPageList}" var="page">
	            	<c:if test="${page.menuFlag eq '1' }">
						<li data-icon="go"><a href="#" onclick="goUrl('${pageContext.request.contextPath}/f/mobsite/mom/view/${page.id}.html')">${page.name}</a></li>
	            	</c:if>
				</c:forEach>
	        </ul>
	 </div><!-- /panel -->
    <!-- Left Menu End -->
    
    
    </div><!-- /content -->
    


  <jsp:include page="/WEB-INF/views/modules/ims/front/mobile/themes/default/footer.jsp"></jsp:include>

<script type="text/javascript">
	var mySwiper = new Swiper('.swiper-container',{
	    pagination: '.pagination',
	    loop:true,
	    grabCursor: true,
	    paginationClickable: true,
		autoplay: 5000
	  });
	  
	  var mySwiper2 = new Swiper('.hotswiper',{
		paginationClickable: true,
	    slidesPerView: 'auto'
	  });
</script>
</body>
</html>
